<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template">
    <meta name="keywords" content="bootstrap, responsive, multipurpose, business, corporate, product, product launch, creative, landing page, marketing, software">
    <meta name="author" content="setblue">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title>itotek | Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template</title>

    <!-- Animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">

    <!-- Slick CSS -->
    <link rel="stylesheet" href="static/css/slick.css">

    <!-- Google Fonts -->
    <link rel="stylesheet" href="static/css/css.css" type="text/css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">

    <!-- Custom  Css -->
    <link rel="stylesheet" type="text/css" href="static/css/demo-page.css">

</head>
<body>

    <!--Header Top Start-->
    <section class="top-bg">
        <div class="row justify-content-center">
            <div class="col-md-8 col-md-offset-2">
                <div class="home-wrapper text-center">
                    <div class="text-white">
                        <div>
                            <img src="static/picture/logo.svg" alt="" class="img-fluid mx-auto d-block img-logo">
                        </div>
                        <h4 class="font-weight-normal mt-3">Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template</h4>
                    </div>
                </div>
            </div>
        </div>
        <div id="particles-1" class="particles"></div>
    </section>
    <!-- Header Top End -->
    <!-- Pages Section Start -->
    <section class="page-section">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="index-one-page.html" target="_blank">
                            <img src="static/picture/1.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>One Page</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="index1.html" target="_blank">
                            <img src="static/picture/2.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Default Home</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="aboutus.html" target="_blank">
                            <img src="static/picture/3.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>About Us</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="services.html" target="_blank">
                            <img src="static/picture/4.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Services</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="pricing.html" target="_blank">
                            <img src="static/picture/5.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Pricing</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="portfolio.html" target="_blank">
                            <img src="static/picture/6.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Image Portfolio</h2>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="portfolio-video.html" target="_blank">
                            <img src="static/picture/6_.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Video Portfolio</h2>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="faq.html" target="_blank">
                            <img src="static/picture/7.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>FAQ's</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="contactus.html" target="_blank">
                            <img src="static/picture/8.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Contact Us</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="blog.html" target="_blank">
                            <img src="static/picture/9.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Blog Detail</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="login.html" target="_blank">
                            <img src="static/picture/10.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Login</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="register.html" target="_blank">
                            <img src="static/picture/11.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>Register</h2>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pages-img-box">
                        <a href="404.html" target="_blank">
                            <img src="static/picture/12.jpg" alt="" class="img-fluid mx-auto d-block">
                        </a>
                        <h2>404</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Pages Section End -->
    <!-- Footer Start -->
    <footer>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8 text-center">
                    <p class="mb-0 copyright text-muted">2020 © <span class="text-dark font-weight-bold">itotek.</span> Design by Setblue.</p>
                </div>
            </div> <!-- end row -->
        </div> <!-- end container -->
    </footer>
    <!-- Footer End -->

    <!-- Javascript -->
    <!-- Jquery js -->
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/modernizr-3.7.1.min.js"></script>

    <!-- Bootstrap js -->
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>

    <!-- Slick js -->
    <script src="static/js/slick.min.js"></script>

    <!-- wow js -->
    <script src="static/js/wow.min.js"></script>

    <!-- Particles js -->
    <script src="static/js/particles.min.js"></script>

    <!-- Main js -->
    <script src="static/js/main.js"></script>
</body>
</html>